<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

<title>exam1</title>

<link rel="stylesheet" href="css/csslib/bootstrap/bootstrap-yeti.min.css">
<link rel="stylesheet" href="css/csslib/fontawesome/font-awesome.min.css">

<script src="js/jslib/jquery/jquery-1.11.1.min.js"></script>
<script src="js/jslib/handlebars/handlebars-v2.0.0.js"></script>
<script src="js/jslib/bootstrap/bootstrap.min.js"></script>

<script src="js/jsutility/system.js"></script>
<script src="js/jsutility/utility.js"></script>


<style>
body { padding-top: 70px; }
</style>

<script>

</script>
</head>
<body>
<div class="row">
	<div class="col-lg-4 col-md-offset-4">
		<div class="bs-component">
			<div class="list-group">
				<span class="list-group-item">${message}</span>
				<span class="list-group-item">${message2}</span>
				<span class="list-group-item">${name}</span>
				<span class="list-group-item">${age}</span>
				<span class="list-group-item">${sex}</span>
			</div>
		</div>
	</div>
</div>	

<div class="row">
<div class="col-lg-4 col-md-offset-4">

<form class="form-horizontal" action="exam2" method="post">
                <fieldset>
                  <legend>Form</legend>
					<div class="form-group">
						<label for="inputName" class="col-lg-2 control-label">name</label>
						<div class="col-lg-10">
							<input type="text" class="form-control" id="inputName" name="name" placeholder="Name">
						</div>
					</div>
					<div class="form-group">
						<label for="inputAge" class="col-lg-2 control-label">age</label>
						<div class="col-lg-10">
							<input type="text" class="form-control" id="inputAge"  name="age" placeholder="Age">
						</div>
					</div>
					
					<div class="form-group">
                    <label class="col-lg-2 control-label">Sex</label>
                    <div class="col-lg-10">
                      <div class="radio">
                        <label>
                          <input type="radio" id="optionsRadios1" value="Boy"  name="sex">
                          Boy
                        </label>
                      </div>
                      <div class="radio">
                        <label>
                          <input type="radio" id="optionsRadios2" value="Girl" name="sex">
                          Girl
                        </label>
                      </div>
                    </div>
                  </div>
                  

					<div class="form-group">
                    <label for="inputEmail" class="col-lg-2 control-label">Email</label>
                    <div class="col-lg-10">
                      <input type="text" class="form-control" id="inputEmail" placeholder="Email">
                    </div>
                  </div>
                  
                  <div class="form-group">
                    <label for="inputPassword" class="col-lg-2 control-label">Password</label>
                    <div class="col-lg-10">
                      <input type="password" class="form-control" id="inputPassword" placeholder="Password">
                      <div class="checkbox">
                        <label>
                          <input type="checkbox"> Checkbox
                        </label>
                      </div>
                    </div>
                  </div>
                  
                  <div class="form-group">
                    <label for="textArea" class="col-lg-2 control-label">Textarea</label>
                    <div class="col-lg-10">
                      <textarea class="form-control" rows="3" id="textArea"></textarea>
                      <span class="help-block">A longer block of help text that breaks onto a new line and may extend beyond one line.</span>
                    </div>
                  </div>
                  

                  <div class="form-group">
                    <label for="select" class="col-lg-2 control-label">Selects</label>
                    <div class="col-lg-10">
                      <select class="form-control" id="select">
                        <option>1</option>
                        <option>2</option>
                        <option>3</option>
                        <option>4</option>
                        <option>5</option>
                      </select>
                      <br>
                      <select multiple="" class="form-control">
                        <option>1</option>
                        <option>2</option>
                        <option>3</option>
                        <option>4</option>
                        <option>5</option>
                      </select>
                    </div>
                  </div>
                  <div class="form-group">
                    <div class="col-lg-10 col-lg-offset-2">
                      <button class="btn btn-default">Cancel</button>
                      <button type="submit" class="btn btn-primary">Submit</button>
                    </div>
                  </div>
                </fieldset>
              </form>
              
              </div>
              </div>
</body>
</html>




